<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <style>
    table {
      text-align: center;
      border-collapse: collapse; /* 合并边框 */
    }
    
    td, th {
      border: 1px solid #333;
      padding: 8px 16px;
    }
    
    table tbody tr:nth-child(1){
        color: red;
    }
  </style>
  <body>
    <table>
        <caption>热门股票</caption>
      <thead>
        <tr>
          <th>排名</th>
          <th>股票名称</th>
          <th>股票代码</th>
          <th>股票价格</th>
          <th>股票涨跌</th>
        </tr>
      </thead>
      <tbody>
        <tr>
            <td>1</td>
            <td>贵州茅台</td>
            <td>600876</td>
            <td>1800</td>
            <td>5%</td>
          </tr>
          <tr>
            <td>2</td>
            <td>腾讯控股</td>
            <td>00700</td>
            <td>400</td>
            <td>3%</td>
          </tr>
          <tr>
            <td>3</td>
            <td>五粮液</td>
            <td>000858</td>
            <td>160</td>
            <td>8%</td>
          </tr>
      </tbody>
      <tfoot>
        <tr>
            <td>其他</td>
            <td>其他</td>
            <td>其他</td>
            <td>其他</td>
            <td>其他</td>
        </tr>
      </tfoot>
    </table>
  </body>
</html>
